<!DOCTYPE html>
<html>
<head>
	<title>Test to verify that canvas contents are blurred by default with hidpi</title>
</head>
<body>
<script>
    function runTest() {
        if (!window.testRunner) {
            var msg = document.getElementById("message");
            msg.innerHTML = "ERROR: This test requires the testRunner object.";
            return;
        }

        testRunner.waitUntilDone();
        testRunner.setBackingScaleFactor(2, function () {
            var ctx1 = document.getElementById("c1").getContext("2d");
            ctx1.fillRect(1, 1, 8, 8);
            testRunner.notifyDone();
        });
    }

    window.onload = runTest;
</script>
<!-- There should a black square with blurry edges.-->
<canvas id="c1" width="10" height="10"></canvas>
</body>
</html>
